@layout("/common/_container.html",{js:["/assets/transport/tDispatch/tmsmonitor.js","/assets/mui/js/photoviewer.js"],css:["/assets/mui/css/photoviewer.css"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">运输信息表管理</span>
</div>
<style type="text/css">
    .layui-table-cell {
        height: auto;
    }
    .layui-table-page{
    	display: none;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
               		<div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
               			<ul class="layui-tab-title">
               				<li class="layui-this">待装车</li>
               				<li>装车进度</li>
               				<li>配送进度</li>
               				<li>到仓跟踪</li>
               			</ul>
               			<div class="layui-tab-content">
               				<div class="layui-tab-item layui-show">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
					                    <div class="layui-inline">
					                        <select id="operateId" lay-filter="operateId" lay-search>
					                            <option value="">选择项目</option>
					                            @for(item in basicOperatelist!){
					                            <option value="${item.id}">${item.operateName}</option>
					                            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline">
					                        <select id="carrierId" lay-filter="carrierId"  lay-search>
					                            <option value="">选择承运商</option>
					                        </select>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="startTime" class="layui-input" type="text" autocomplete="off" placeholder="日期从"/>
					                    </div>
			                            <div class="layui-inline">
			                            	一
			                            </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="endTime" class="layui-input" type="text" autocomplete="off" placeholder="日期至"/>
					                    </div>
					                    <div class="layui-inline">
			               					<input id="getUnit" class="layui-input" type="text" placeholder="收货单位"/>
					                    </div>
                                        <div class="layui-inline">
                                            <input id="condition" class="layui-input" type="text" placeholder="司机或车牌号"/>
                                        </div>
					                    <div class="layui-inline">
			                				<button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
					                    </div>
					                </div>
				                </div>
			                    <table class="layui-table" id="transportMsgTable" lay-filter="transportMsgTable"></table>
							</div>
               				<div class="layui-tab-item">
			                    <table class="layui-table" id="tDispatchTable" lay-filter="tDispatchTable"></table>
							</div>
               				<div class="layui-tab-item">
			                    <table class="layui-table" id="tDispatchTable3" lay-filter="tDispatchTable3"></table>
							</div>
                            <div class="layui-tab-item">
                                <div class="layui-form toolbar">
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <select id="operateId1" lay-filter="operateId" lay-search>
                                                <option value="">选择项目</option>
                                                @for(item in basicOperatelist!){
                                                <option value="${item.id}">${item.operateName}</option>
                                                @}
                                            </select>
                                        </div>

                                        <div class="layui-inline" style="width: 150px;">
                                            <input id="startTime1" class="layui-input" type="text" autocomplete="off" placeholder="日期从"/>
                                        </div>
                                        <div class="layui-inline">
                                            一
                                        </div>
                                        <div class="layui-inline" style="width: 150px;">
                                            <input id="endTime1" class="layui-input" type="text" autocomplete="off" placeholder="日期至"/>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="siji" class="layui-input" type="text" placeholder="司机电话"/>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="carnumber" class="layui-input" type="text" placeholder="车牌号"/>
                                        </div>
                                        <div class="layui-inline">
                                            <button id="btnSearch1" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                                        </div>
                                    </div>
                                </div>
                                <table class="layui-table" id="tDispatchTable4" lay-filter="tDispatchTable4"></table>
                            </div>
               			</div>
               		</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/html" id="tableBar4">
    {{#  if(d.zhuangzaiFileid != '' && d.zhuangzaiFileid != null){ }}
    	<i class="layui-icon" lay-event="paymentProve">&#xe64a;</i>
  	{{#  } else { }}
    	<span style="color: #FF4500;font-weight: 600;">未上传</span>
    {{#   } }}
</script>

<script type="text/html" id="getUnitTpl">
  {{#  if(d.reachTime != '' && d.reachTime != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit }}√</span>
  {{#  } else { }}
    {{ d.getUnit }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit1Tpl">
  {{#  if(d.reachTime1 != '' && d.reachTime1 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit1 }}√</span>
  {{#  } else { }}
    {{ d.getUnit1 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit2Tpl">
  {{#  if(d.reachTime2 != '' && d.reachTime2 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit2 }}√</span>
  {{#  } else { }}
    {{ d.getUnit2 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit3Tpl">
  {{#  if(d.reachTime3 != '' && d.reachTime3 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit3 }}√</span>
  {{#  } else { }}
    {{ d.getUnit3 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit4Tpl">
  {{#  if(d.reachTime4 != '' && d.reachTime4 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit4 }}√</span>
  {{#  } else { }}
    {{ d.getUnit4 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit5Tpl">
  {{#  if(d.reachTime5 != '' && d.reachTime5 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit5 }}√</span>
  {{#  } else { }}
    {{ d.getUnit5 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit6Tpl">
  {{#  if(d.reachTime6 != '' && d.reachTime6 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit6 }}√</span>
  {{#  } else { }}
    {{ d.getUnit6 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit7Tpl">
  {{#  if(d.reachTime7 != '' && d.reachTime7 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit7 }}√</span>
  {{#  } else { }}
    {{ d.getUnit7 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit8Tpl">
  {{#  if(d.reachTime8 != '' && d.reachTime8 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit8 }}√</span>
  {{#  } else { }}
    {{ d.getUnit8 }}
  {{#  } }}
</script>

<script type="text/html" id="getUnit9Tpl">
  {{#  if(d.reachTime9 != '' && d.reachTime9 != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.getUnit9 }}√</span>
  {{#  } else { }}
    {{ d.getUnit9 }}
  {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tpl">
    {{#  if(d.mendian1Ok != '' && d.mendian1Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian1 }}</span>
    {{#  } else { }}
    {{ d.mendian1 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp2">
    {{#  if(d.mendian2Ok != '' && d.mendian2Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian2 }}</span>
    {{#  } else { }}
    {{ d.mendian2 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp3">
    {{#  if(d.mendian3Ok != '' && d.mendian3Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian3 }}</span>
    {{#  } else { }}
    {{ d.mendian3 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp4">
    {{#  if(d.mendian4Ok != '' && d.mendian4Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian4 }}</span>
    {{#  } else { }}
    {{ d.mendian4 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp5">
    {{#  if(d.mendian5Ok != '' && d.mendian5Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian5 }}</span>
    {{#  } else { }}
    {{ d.mendian5 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp6">
    {{#  if(d.mendian1Ok != '' && d.mendian6Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian6 }}</span>
    {{#  } else { }}
    {{ d.mendian6 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp7">
    {{#  if(d.mendian1Ok != '' && d.mendian7Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian7 }}</span>
    {{#  } else { }}
    {{ d.mendian7 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp8">
    {{#  if(d.mendian8Ok != '' && d.mendian8Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian8 }}</span>
    {{#  } else { }}
    {{ d.mendian8 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tp9">
    {{#  if(d.mendian9Ok != '' && d.mendian9Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian9 }}</span>
    {{#  } else { }}
    {{ d.mendian9 }}
    {{#  } }}
</script>

<script type="text/html" id="getMenDian1Tpl0">
    {{#  if(d.mendian10Ok != '' && d.mendian10Ok != null){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.mendian10 }}</span>
    {{#  } else { }}
    {{ d.mendian10 }}
    {{#  } }}
</script>


@}